﻿/* Logo -------------------------------- */

.logo
{
    margin: 5px 60px 5px 20px;
}

.logo *
{
    display: block;
    float: left;
}

.logo a
{
    text-decoration: none;
}

.logo img
{
    height: 80px;
}

.logo span
{
    margin: 50px 0px 0px 20px;
    font-size: 16pt;
}

.info-img
{
    background: transparent url('../Images/alert.png') no-repeat;
    width:24px;
    height:24px;
}

.error-img
{
    background: transparent url('../Images/error.png') no-repeat;
    width:24px;
    height:24px;
}

.caption
{
}

/* common */
div.notice
{
    background: #FFF1AF;
    padding: 3px;
    margin-bottom: 5px;
    font-size: 12px;
    border: 1px solid #EFD500;
}


/* .top-menu -------------------------------- */

.top-menu
{
    height: 25px;
    float: left;
    position: absolute;
    top: 0;
    right: 2px;
}

.top-menu .left
{
    float: left;
    width: 3px;
    height: 25px;
    background: none;
}

.top-menu .right
{
    float: left;
    width: 3px;
    height: 25px;
    background: none;
}

.top-menu ul, .top-menu ul li
{
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.top-menu ul
{
    padding: 0 6px;
    height: 25px;
    background-color: #000;
}

.top-menu ul li
{
    padding: 0 6px;
    position: relative;
}

.top-menu ul li a
{
    float: left;
    display: block;
    padding: 0 5px;
    color: #ccc;
    text-decoration: none;
    font-size: 12px;
    line-height: 22px;
}

/* .main-menu -------------------------------- */

.main-menu
{
    float: right;
    margin: 50px 8px 3px 8px;
}

.main-menu .left
{
}

.main-menu .right
{
}

.main-menu ul, .main-menu ul li
{
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.main-menu ul
{
}

.main-menu ul li.selected
{
}

.main-menu ul li a,
.main-menu ul li a:link,
.main-menu ul li a:visited
{
    float: left;
    display: block;
    padding: 0px 3px;
    text-decoration: none;
    color: #000;
}

.main-menu ul li a:hover
{
    color: #FF9C08;
}

.main-menu ul li.selected a
{
    font-weight: bold;
}

.main-menu > ul > li.last a
{
}

.main-menu ul li.last a
{
    background-image: none;
}

/* sub-menu -------------------------------- */
.sub-menu
{
    background: none;
    margin: 0px;
    padding: 0px;
}

.sub-menu ul, .sub-menu ul li
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 24px;
}

.sub-menu ul li
{
    background: none;
    padding-left: 10px;
}
.sub-menu ul li:hover
{
    background: #EEF2FF;
}

.sub-menu ul li a,
.sub-menu ul li a:link,
.sub-menu ul li a:visited
{
    color:#000;
}

.sub-menu ul li a:hover
{
    color: #FF9C08;
}

.sub-menu-header
{
    clear:both;
    padding: 3px 6px;
    background: #DDE5FF;
    font-weight: bold;
}

/* Crumble Path -------------------------------- */
.crumble-path
{
    clear: both;
    padding: 0 6px;
    overflow: hidden; 
}

 .crumble-path ul, .crumble-path ul li
{
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 24px;
}

.crumble-path ul li a,
.crumble-path ul li a:visited
{
    color: #222222;
    text-decoration: none;
}

.crumble-path ul li.selected a, .crumble-path ul li:hover a
{
    text-decoration: none;
}

/* operation items */
td.operations
{
    white-space: nowrap;
}

td.operations ul
{
    list-style: none;
}

td.operations ul li
{
    list-style: none;
    float: left;
}

div.operations
{
}

/* image list */
.image-list
{
}

.image-row
{
    clear:both;
}

.image-block
{
    margin: 8px;
    text-align: center;
    vertical-align: bottom;
    float:left;
}

.image-block img
{
    display:block;
    clear:both;
}

.image-block a
{
    display: block;
}

